<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>道具商店</title>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
    <link href="/styles/base.css" rel="stylesheet" type="text/css">
    <link href="/styles/index.css" rel="stylesheet" type="text/css">
    <link href="/js/plugins/jqPaginator/jqPagination.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/js/jquery/jquery.js"></script>
    <script type="text/javascript" src="/js/plugins/jquery-form/jquery.form.js"></script>
    <script type="text/javascript" src="/js/plugins/jqPaginator/jq-paginator.min.js"></script>
    <script type="text/javascript" src="/js/system/index.js"></script>

    <script type="text/javascript">
        window.Env = {
            "WWW_HOST": "www.mafengwo.cn",
            "IMG_HOST": "images.mafengwo.net",
            "W_HTTP": "http:\/\/w.mafengwo.cn",
            "P_HOST": "passport.mafengwo.cn",
            "P_HTTP": "https:\/\/passport.mafengwo.cn",
            "PAGELET_HTTP": "http:\/\/pagelet.mafengwo.cn",
            "JS_HOST": "js.mafengwo.net",
            "TONGJI_HOST": "tongji.mafengwo.cn",
            "UID": 94900161,
            "CSTK": "18619fdda7a7884f0527967531d16a2d_8ff4cef0ffbfa3dcba0a1113b7ece0ee",
            "GOOGLE_MAP_KEY": "AIzaSyD-Su0x_rPy1xehlMBcMyTqWkU49Bk53nQ",
            "MOBILE_BINDED": true
        };
    </script>

    <link href="http://css.mafengwo.net/css/cv/css+base:css+jquery.suggest:css+plugins:css+plugins+jquery.jgrowl:css+other+popup:css+app+topbar_v2^alw^1542357401.css"
          rel="stylesheet" type="text/css"/>


    <script language="javascript"
            src="http://js.mafengwo.net/js/cv/js+jquery-1.8.1.min:js+global+json2:js+M+Module:js+M+M:js+M+Log:js+m.statistics:js+advert+inspector^alw^1563531411.js"
            type="text/javascript" crossorigin="anonymous"></script>
    <script type="text/javascript">
        var __mfw_uid = parseInt('94900161');
    </script>
    <script language="javascript"
            src="http://js.mafengwo.net/js/cv/js+common+jquery.plugins:js+common+widgets:js+mfw.storage^ZlI^1537192880.js"
            type="text/javascript" crossorigin="anonymous"></script>
    <link href="http://css.mafengwo.net/css/daoju.css?1537192876" rel="stylesheet" type="text/css"/>
    <script language="javascript"
            src="http://js.mafengwo.net/js/cv/js+hb+hb:js+hb+common:js+hb+Request:js+m.sns.share:js+qa+common^ZVY^1555913877.js"
            type="text/javascript" crossorigin="anonymous"></script>
    <script type="text/javascript" src="../js/plugins/jquery-form/jquery.form.js"></script>
    <style type="text/css">
        m {
            position: absolute;
        }
    </style>
    <script type="text/javascript" src="/js/plugins/jqPaginator/jq-paginator.min.js"></script>
</head>
<body>
<form class="form-horizontal" action="/itemshop/buy" method="post" id="buyForm">
    <input id="itemId" type="hidden" value="0" name="id">

</form>


<#assign currentNav="itemshop">
<#include "../common/navbar.ftl">

<div class="container">

    <div class="mt-nav clearfix">

    </div>


    <!-- banner -->
    <div class="banner">
        <img src="http://images.mafengwo.net/images/daoju/banner.jpg" alt="">
    </div>

    <div class="row clearfix">
        <div class="col-main">

            <div class="daoju_tab">
                <a id="shop" class="active _j_goods_tab" data-index="0">道具商店</a>
                <a id="myItem" class="_j_goods_tab" data-index="1">我的道具</a>
                <#--我的道具無法分頁，需要再寫一個-->
                <strong style="left: 0px"></strong>
            </div>
            <script>
                $('#myItem').click(function () {
                    $('.daoju_tab a').removeClass('active');
                    $(this).addClass('active');
                    $('.daoju_tab strong').css('left','180px');
                    $.get('/itemshop/myItem' ,function (data) {
                        $('#itemBox').empty();
                        $('#itemBox').html(data);
                    })
                })
                $('#shop').click(function () {
                    $('.daoju_tab a').removeClass('active');
                    $(this).addClass('active');
                    $('.daoju_tab strong').css('left','0px');
                    $.get('/itemshop/shopItem',function(data){
                        $('#itemBox').empty();
                        $('#itemBox').html(data);
                    })
                });
                $.get('/itemshop/shopItem',function(data){
                    $('#itemBox').empty();
                    $('#itemBox').html(data);
                });

                $("#searchForm").ajaxForm(function (data) {
                    $("#itemBox").html(data);
                });
                $.get('/itemshop/commentList',function (data) {
                    $('._j_comment_list').html(data);
                })
            </script>
            <div  class="daoju_list  _j_goods_list" data-flag="0" data-total="2">
                <div class="pagelet-block">
                    <form action="/itemshop/shopItem" method="post" id="searchForm">
                        <input type="hidden" name="currentPage" value="1" id="currentPage">
                        <input type="hidden" name="orderType" value="2" id="orderType">
                        <ul id="itemBox">
                    <#--<#list pageInfo.list as item>
                        <li class="_j_goods_li">
                            <div class="info">
                                <a href="http://www.mafengwo.cn/i/5572235.html" target="_blank">
                                    <img src="${item.img}"
                                         alt="${item.name}">
                                    <div class="name">${item.name}<span>剩余${item.num}</span></div>
                                    <i class="state1"></i>
                                </a>
                            </div>
                            <div class="buy">
                                <span><i class="icon_gold"></i>${item.score}</span>
                                <a class="btn_buy">购买</a>
                            </div>
                        </li>
                    </#list>
                    <li class="coming_soon">
                        <div class="info"></div>
                    </li>
                    <#include "../common/page.ftl">-->
                        </ul>
                    </form>
                </div>
            </div>
            <div class="pagin" id="smallpager"></div>
        </div>
        <div class="col-side">

            <div class="side_my">
                <p>你的金币</p>
                <div id="gold" class="gold" data-score="${(userInfo.score)!0}"><i></i>${(userInfo.score)!0}</div>
            </div>

            <div class="side_cmt">
                <div class="tit">留言板</div>
                <div class="con">
                    <div id="_j_comment_cnt">

                        <div class="addComment clearfix">
                            <div class="pub">
                                <textarea id="textarea" class="_j_comment_pubarea"></textarea>
                                <input type="button" class="_j_comment_pubbtn" value="发表留言">
                            </div>
                        </div>
                    <script>
                        $('._j_comment_pubbtn').click(function () {
                            var value = $('#textarea').val();
                            $.get('/itemshop/addComment',{context:value},function (data) {
                                $('#textarea').val('');
                                $('._j_comment_list').html(data);
                            })
                        })
                    </script>

                        <div class="commentList _j_comment_list"></div>
                        <div class="page _j_comment_pagination"></div>

                        <ul id="cmt_list" class="cmt_list">

                            <#--{{each(i, comment) comment_list}}
                                <li class="_j_citem" data-cid="${comment.id}" data-username="${comment.user.name}">
                                    <a href="/u/${comment.uid}.html" class="photo"><img src="${comment.user.logo_48}"></a>
                                    <a href="/u/${comment.uid}.html" class="user">${comment.user.name}</a>
                                    <a href="/u/${comment.uid}.html" class="level">LV.${comment.user.user_lv}</a>
                                    <a href="#" class="_j_reply">回复</a>
                                    <span class="date">${comment.ymdhitime}</span>
                                    <p>${comment.content}</p>
                                </li>
                            {{/each}}-->
                        </ul>
                    </div>

                </div>
            </div>
        </div>
    </div>

</div>







<div id="footer">
    <div class="ft-content" style="width: 1105px">
        <div class="ft-copyright">
            <a href="http://www.mafengwo.cn"><i class="ft-mfw-logo"></i></a>
            <p>© 2019 Mafengwo.cn <a href="http://www.miibeian.gov.cn/" target="_blank"
                                     rel="nofollow">京ICP备11015476号</a> <a
                        href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502013401"
                        target="_blank"><img
                            src="http://www.wolfcode.cn/themes/simplebootx/Public/self/img/index/school-environment5.png"
                            width="12" style="margin:0 2px 4px 0;">京公网安备11010502013401号</a> <a
                        href="http://images.mafengwo.net/images/about/icp2.jpg" target="_blank" rel="nofollow">京ICP证110318号</a><span
                        class="m_l_10">违法和不良信息举报电话: 010-59222790 举报邮箱: mfwjubao@mafengwo.com</span></p>
            <p>网络出版服务许可证：(总)网出证(京)字第161号<span class="m_l_10">增值电信业务经营许可证：京B2-20180228</span> <a
                        href="https://n1-q.mafengwo.net/s12/M00/A5/45/wKgED1xJi3uAA7KLAAf_CkKLHRQ87.jpeg"
                        target="_blank" rel="nofollow" class="m_l_10">营业执照</a><a href="/sales/uhelp/doc" target="_blank"
                                                                                 rel="nofollow"
                                                                                 class="m_l_10">帮助中心</a><span
                        class="m_l_10">马蜂窝客服：国内</span><span class="highlight">4006-345-678</span><span
                        class="m_l_10">海外</span> <span class="highlight">+86-10-5922-2799</span></p>
        </div>
        <div class="ft-safety">
            <a class="s-a" target="_blank" href="https://search.szfw.org/cert/l/CX20140627008255008321"
               id="___szfw_logo___"></a>
            <a class="s-b" href="https://ss.knet.cn/verifyseal.dll?sn=e130816110100420286o93000000&ct=df&a=1&pa=787189"
               target="_blank" rel="nofollow"></a>
            <a class="s-c" href="http://www.itrust.org.cn/Home/Index/itrust_certifi/wm/1669928206.html" target="_blank"
               rel="nofollow"></a>
            <a class="s-d" href="http://www.itrust.org.cn/Home/Index/satification_certificate/wm/MY2019051501.html"
               target="_blank" rel="nofollow"></a>
        </div>

    </div>
</div>


<link href="http://css.mafengwo.net/css/mfw-toolbar.css?1537192876" rel="stylesheet" type="text/css"/>

<div class="mfw-toolbar" id="_j_mfwtoolbar">
    <div class="toolbar-item-top">
        <a role="button" class="btn _j_gotop">
            <i class="icon_top"></i>
            <em>返回顶部</em>
        </a>
    </div>
    <div class="toolbar-item-feedback">
        <a role="button" data-japp="feedback" class="btn">
            <i class="icon_feedback"></i>
            <em>意见反馈</em>
        </a>
    </div>
    <div class="toolbar-item-code">
        <a role="button" class="btn">
            <i class="icon_code"></i>
        </a>
        <a role="button" class="mfw-code _j_code">


            <img src="http://www.wolfcode.cn/themes/simplebootx/Public/self/img/index/school-environment5.png"
                 width="450" height="192">
        </a>
        <!--<div class="wx-official-pop"><img src="http://images.mafengwo.net/images/qrcode-weixin.gif"><i class="_j_closeqrcode"></i></div>-->
    </div>
    <div class="toolbar-item-down">
        <a role="button" class="btn _j_gobottom">
            <i class="icon_down"></i>
            <em>页面底部</em>
        </a>
    </div>
</div>


<script language="javascript" type="text/javascript">
    if (typeof M !== "undefined" && typeof M.loadResource === "function") {
        M.loadResource("http://js.mafengwo.net/js/cv/js+pageletcommon+pageHeadUserInfoWWWDark:js+jquery.tmpl:js+M+module+FrequencyVerifyControl:js+M+module+FrequencyAppVerify:js+M+module+Pagination:js+activity+MComment:js+M+module+dialog+Layer:js+M+module+dialog+DialogBase:js+M+module+dialog+Dialog:js+M+module+dialog+alert:js+M+module+dialog+confirm:js+M+module+PageAdmin:js+M+module+Storage:js+M+module+Cookie:js+M+module+ResourceKeeper:js+jquery.jgrowl.min:js+AMessage:js+M+module+FrequencySystemVerify:js+ALogin:js+M+module+ScrollObserver:js+M+module+QRCode:js+AToolbar:js+ACnzzGaLog:js+ARecruit:js+ALazyLoad^ZlNT^1561616124.js");
    }
</script>
<form class="form-horizontal" action="/itemshop/query" method="post" id="itemForm">
    <input id="queryType" type="hidden" value="0" name="queryType">

</form>
<form class="form-horizontal" action="/itemshop/comment" method="post" id="commentForm">
    <input id="toId" type="hidden" value="-1" name="toId">
    <input id="content" type="hidden" value="0000" name="content">
</form>

</body>
</html>